<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>onePlus9</title>

    <!--获取屏幕宽度，根据屏幕宽度进行自适应-->
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!--引入bootStrap-->
    <link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.min.css"/>

    <!--bootstrap 依赖jQuery-->
    <script src="js/jquery-3.5.0.min.js"></script>
    <script src="bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="css/header.css" type="text/css"/>
</head>
<body>
<div class="container">
    <div class="row" style="margin: 0 auto" id="header">
        <script src="js/header.js"></script>
    </div><!-- /.container-fluid -->

    <br>

    <div class="row">
        <div class="col-xs-offset-0 col-xs-4" style="float: left">
            <img src="img/1617178901.jpg"/>
        </div>
        <div class="col-xs-offset-4 col-xs-4" style=" margin-left: 100px">
            <span class="head_font">一加 OnePlus 9 Pro 5G手机 闪银/12GB+256GB</span>
            <br><br>
            <span class="head_second_font">【一加官方商城 | 6期免息 | 积分至高可抵5% 】</span>
            <br>
            <span class="head_third_font">
                晒单可赢一加耳机和2000积分<br>
                以旧换新至高补贴3800元>>><br>
                整点抢购赠品名单>>><br>
                欢太加油包名单>>><br>
            </span>
            <br>
            <span class="head_font_money">
                ￥5999.00
            </span>
            <br>
            <span>
                商品支持： 花呗分期3/6/12期
            </span>
            <hr>
            <span>型号</span>
            <br><br>
            <button type="button" class="btn btn-default btn-lg" style="width:170px">OnePlus9 Pro</button>
            <br><br>
            <span>颜色</span>
            <br><br>
            <button type="button" class="btn btn-default btn-lg" style="width:170px">闪银色</button>
            <button type="button" class="btn btn-default btn-lg" style="width:170px">绿洲</button>
            <br><br>
            <button type="button" class="btn btn-default btn-lg" style="width:170px">黑洞</button>
            <br><br>
            <span>内存</span>
            <br><br>
            <button type="button" class="btn btn-default btn-lg" style="width:170px">12GB+256GB</button>
            <button type="button" class="btn btn-default btn-lg" style="width:170px">8GB+256GB</button>
            <br><br>
            <button type="button" class="btn btn-default btn-lg" style="width:170px">8GB+128GB</button>
            <br><br>
            <span>服务</span>
            <br><br>
            <button type="button" class="btn btn-default btn-lg" style="width:170px">一年碎屏保 ¥279</button>
            <button type="button" class="btn btn-default btn-lg" style="width:170px">半年碎屏保 ¥169</button>
            <br><br>
            <button type="button" class="btn btn-default btn-lg">一年意外保障服务 ¥449</button>
            <br><br>
            <button type="button" class="btn btn-default btn-lg" style="width:170px">以换代修服务 ¥79</button>
            <br><br>
            <span>数量</span>
            <br><br>
            <div class="row">
                <div class="col-lg-6">
                    <div class="input-group">
                         <span class="input-group-btn">
                           <button class="btn btn-default" type="button">-</button>
                         </span>
                        <input type="text" class="form-control" placeholder="2" value="1">
                        <span class="input-group-btn">
                           <button class="btn btn-default" type="button">+</button>
                         </span>
                    </div>
                </div>
            </div>
            <br>
            <hr>
            <br>
            <button type="button" class="btn btn-danger btn-lg" onclick="addCart()">加入购物车</button>
        </div>
    </div>
</div>


<hr>


<div class="w1200_container">
    <div style="margin-top: 20px;float: left;">
        <!--页面必要代码,img标签上请务必带上图片真实尺寸px-->
        <div id="showbox">
            <li class="goods_photo">
                <img src="images/pay_list1.jpg" width="280" height="280" />
                <img src="images/pay_list2.jpg" width="280" height="280" />
                <img src="images/pay_list3.jpg" width="280" height="280" />
                <img src="images/pay_list4.jpg" width="280" height="280" />
            </li>
            <li class="goods_photo1">
                <img src="images/pay_list1.jpg" width="280" height="280" />
                <img src="images/pay_list2.jpg" width="280" height="280" />
                <img src="images/pay_list3.jpg" width="280" height="280" />
            </li>
        </div>
        <!--展示图片盒子-->
        <div id="showsum"></div>
        <!--展示图片里边-->
        <p class="showpage">
            <a href="javascript:void(0);" id="showlast">
                < </a>
            <a href="javascript:void(0);" id="shownext"> > </a>
        </p>
    </div>
    <div class="pay_content fl">
        <div class="pay_title">超诺淋浴套装 太空铝增压花洒水龙头 三档冷热可升降喷头带下出水 拒绝生锈 十年质保 历久弥新</div>
        <div class="summary">
            <div class="summary_price_warp">
                <div class="s_p_w_wrap">
                    <div class="summary_item si_shop_price">
                        <div class="si_tit">商 城 价</div>
                        <div class="si_warp">
                            <strong class="shop_price"><em>¥</em>2999.00</strong>
                            <span class="price_notify" data-userid="63" data-goodsid="650" ectype="priceNotify">降价通知</span>
                        </div>
                    </div>
                    <div class="summary_item si_market_price">
                        <div class="si_tit">市 场 价</div>
                        <div class="si_warp">
                            <div class="m_price"><em>¥</em>3598.79</div>
                        </div>
                    </div>
                    <div class="si_info">
                        <div class="si_cumulative">累计评价<em>0</em></div>
                        <div class="si_cumulative">累计销量<em>0</em></div>
                    </div>
                    <div class="clear"></div>
                    <div class="summary_basic_info">
                        <div class="summary_item is_stock">
                            <div class="si_tit">配送</div>
                            <div class="si_warp">
										<span class="initial_area">
                                                                                                              上海市
                                        </span>
                                <span>至</span>
                                <div class="city-choice" id="city-choice" data-ectype="dorpdown">
                                    <div class="dsc-choie dsc-cm" ectype="dsc-choie">
                                        <input type="text" value="石家庄" class="search" style="margin: 3px 0 0 0;border: none;background: #f7f8f8;width: 40px;" />
                                    </div>
                                </div>
                                <div class="store_warehouse">
                                    <div class="store_prompt"><strong>有货</strong>，下单后立即发货</div>
                                </div>
                            </div>
                        </div>
                        <div class="clear"></div>
                        <div class="summary_item is_service">
                            <div class="si_tit">服务</div>
                            <div class="si_warp">
                                由
                                <a href="" class="link_red" target="_blank">本网站</a> 发货并提供售后服务
                                <span class="gary">[ 快递：<em>¥</em>4.30 ]</span>
                            </div>
                        </div>
                        <div class="clear"></div>
                        <div class="summary_item is_integral">
                            <div class="si_tit">红包</div>
                            <div class="si_warp">可用 <span class="integral">0</span></div>
                        </div>
                        <div class="summary_item is_number clear">
                            <div class="si_tit">数量</div>
                            <div class="si_warp">
                                <div class="amount_warp">
                                    <input class="text buy_num" value="1" name="number">
                                    <div class="a_btn">
                                        <a href="javascript:void(0);" class="btn_add" ><i class="iconfont icon-up">+</i></a>
                                        <a href="javascript:void(0);" class="btn_reduce btn_disabled" ><i class="iconfont icon-down">-</i></a>
                                    </div>
                                </div>
                                <span>库存&nbsp;<em id="goods_attr_num" ectype="goods_attr_num">1000</em>&nbsp;个</span>
                            </div>
                        </div>
                        <div class="summary_item regular">
                            <div class="si_tit">规格</div>
                            <div class="si_warp">
                                <ul class="regular_list">
                                    <li class="regular_sort">红色</li>
                                    <li>蓝色</li>
                                </ul>
                            </div>
                        </div>

                    </div>
                    <!--class="layui-btn layui-btn-normal"-->
                    <div class="choose_btns clear">
                        <a href="#" class="btn_buynow">立即购买</a>
                        <a href="#" class="btn_append layui-btn layui-btn-danger business" data-type="auto" data-method="setTop"><i class="iconfont icon_carts"><img src="images/icon/cart1.png" style="margin-top: -5px;"></i>加入购物车</a>
                    </div>
                    <div class="summary_item is_service">
                        <div class="si_tit">温馨提示</div>
                        <div class="si_warp gray">
                            不支持退换货服务
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="clear"></div>
    <div class="enjoy_title">




<hr>
<div class="row">
    <script src="js/tail.js"></script>
</div>


</body>
</html>